.top-container {
  position: fixed; /* 固定定位 */
  width: 100%; /* 宽度设置为100% */
  z-index: 1000; /* 高于其他内容的层级 */
  background-color: #fff; /* 根据需要可能要设置背景颜色 */
}
.hotel-list-top {
	  background-color: #007AFF;
	  color: #101010;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 30rpx; // 维持顶部栏的padding
		background-color: #007AFF;
		color: #101010;

		.search-bar {
			display: flex;
			align-items: center;
			background-color: #F8F8F8;
			border-radius: 50rpx; // 圆角稍微小一点
			padding: 20rpx; // 减少左右padding
			margin: 0 30rpx; // 增加左右外边距
			flex-grow: 1;

			.search-left {
				display: flex;
				align-items: center;
				margin-left: 10rpx; // 增加左边距以将内容向右移动

				.block {
					display: flex;
					flex-direction: column; // 竖向布局
					align-items: center;
					margin-right: 20rpx;
				}

				.live-away,
				.date,
				.day {
					font-size: 28rpx; // 增加字体大小
					line-height: 1.2; // 调整行高
				}

				.date {
					color: #0BA8FF; // 直接设置为蓝色
				}

			}

			.divider {
				width: 2rpx;
				height: 60rpx; // 增加divider高度
				background-color: #D7D7D7;
				margin-right: 20rpx;
			}

			.search-input {
				width: 190rpx; // 或者你可以设置一个具体的值，例如 width: 200rpx;
				font-size: 26rpx;
			}

			.clear-icon {
				// 清除按钮样式
				width: 40rpx; // 设置清除图标的宽度
				height: 40rpx; // 设置清除图标的高度
				margin-left: auto; // 自动将左边距扩展，从而将图标推向右侧
				margin-right: 16rpx; // 如果需要，在图标和容器边缘之间添加一些右边距
			}
		}

		.map {
			width: auto; // 或者您可以设置一个具体的值来限制地图容器的宽度
			margin-right: 30rpx; // 如果需要，调整以确保地图图标与其他元素之间的空间
			display: flex;
			flex-direction: column;
			align-items: center;
			font-size: 28rpx; // 增加字体大小

			.map-icon {
				// 地图图标样式
				width: 40rpx; // 减小图标宽度
				height: 40rpx; // 减小图标高度
			}

			.map-text {
				// 地图文字样式
			}
		}
	}